<template>
  <el-card class="box-card">
    <h5>即将到来的事件</h5>
    <a href="">人手姿态跟踪 <br/>
      11月5日&nbsp;星期六,18:30<br/>
    </a>
    <a href="">转到日历...</a>

  </el-card>

  <el-card class="box-card">
    <h5>课程动态</h5>
    <p>活动开始于2022年11月3日 &nbsp;星期四&nbsp;22:36</p>
    <a href="">最近活动的完整报表...
    </a>
    <p>自从您上次登录以来尚无新东西</p>
  </el-card>

  <el-card class="box-card">
    <h5>即将到来的事件</h5>
    <a href="">人手姿态跟踪 <br/>
      11月5日&nbsp;星期六,18:30<br/>
    </a>
    <a href="">转到日历...</a>

  </el-card>

  <el-card class="box-card">
    <h5>课程动态</h5>
    <p>活动开始于2022年11月3日 &nbsp;星期四&nbsp;22:36</p>
    <a href="">最近活动的完整报表...
    </a>
    <p>自从您上次登录以来尚无新东西</p>
  </el-card>
</template>
<style scoped>
.text {
  font-size: 14px;
}

.item {
  padding: 18px 0;
}

.box-card {
  width: 400px;
  background-color: #f5f5f5;
  margin: 40px 20px;
}

a {
  color: #0376ad;
  text-decoration: none;
}

h5 {
  color: #999999;
}
</style>
